<script src="./login.js"></script>
<style lang="scss" scoped src="./login.scss"></style>
<template>
  <div class="login">
    <el-form
      :model="ruleForm"
      :rules="rules"
      label-position="top"
      ref="ruleForm"
      label-width="100px"
      class="demo-ruleForm"
    >
      <el-form-item :label="$t('login.username')" prop="username">
        <el-input style="width: 350px" v-model="ruleForm.username"></el-input>
      </el-form-item>
      <el-form-item :label="$t('login.password')" prop="password">
        <el-input
          style="width: 350px"
          v-model="ruleForm.password"
          show-password
        ></el-input>
      </el-form-item>
      <el-form-item>
        <el-button
          type="primary"
          style="width: 350px; margin-top: 20px"
          @click="submitForm('ruleForm')"
          >登录acceder</el-button
        >
      </el-form-item>
    </el-form>
  </div>
</template>
